<%--
    Document   : index
    Created on : Dec 6, 2011, 10:34:32 AM
    Author     : Jackhit
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="Style/Style.css"/>
        <script src="Script/jquery-1.4.1.min.js" type="text/javascript"></script>
        <script src="Script/jquery-1.6.4.js" type="text/javascript"></script>
        <script src="Script/script.js" type="text/javascript"></script>
        <script src="Script/util-functions.js" type="text/javascript"></script>
        <script src="Script/clear-default-text.js" type="text/javascript"></script>
        <link href="Image/shortcut.png" rel="shortcut icon" />

        <title>Trang chủ</title>
        <script src="Script/easySlider1.5.js" type="text/javascript"></script>

    </head>

    <body>
        <div id="wrapper">
            <div id="header">
                <div class="container">
                    <div id="top">
                        <div id="language_login">
                            <div id="abc">
                                <ul class="menu">
                                    <li><a href="#">Giới thiệu</a></li>
                                    <li><a href="#">Trợ giúp</a></li>
                                    <li><a href="#">Dịch vụ</a></li>
                                    <li><a href="#">Tin tức</a></li>
                                    <li><a href="#">Diễn đàn</a></li>
                                    <li><a href="#">Liên hệ </a></li>
                                </ul>
                            </div>
                            <div id="language">
                                <span>Chọn ngôn ngữ: </span>
                                <a href="#">  <img src="Image/english_language.gif" width="20" height="16" alt="vietnam" /></a>
                                <a href="#">  <img src="Image/vietnam_language.gif" width="20" height="16" alt="english" /></a>
                            </div> <!-- #End language -->
                            <div id="link_login">
                                <ul class="menu">
                                    <li><a href="Login.do">Đăng nhập</a></li>
                                    <li><a href="login.html">Đăng kí</a></li>
                                </ul>
                            </div><!-- #End link_login -->
                        </div><!-- #End language_login -->
                        <div class="clear"></div>
                        <div id="logo_cart">
                            <div id="logo">
                                <a href="index.html" id="logo_name"><img src="Image/logo.png" width="200" height="60" alt="logo" /></a> </div><!-- #End logo -->

                            <div id="top_search">
                                <form action="#" method="get">
                                    <input name="text_top_search" type="text" value="tên sản phẩm:" class="cleardefault" style="width:250px;" />
                                    <input name="bt_top_search" type="submit" value="Tìm" class="button_large" />
                                </form>
                            </div><!-- #End Top_search -->
                            <div id="form_cart">
                                <table width="177" border="0">
                                    <tr>
                                        <td rowspan="2"><img src="Image/cart.png" width="40" height="40" alt="cart" /></td>
                                        <td>Giỏ hàng của bạn: 0 mặt hàng</td>
                                    </tr>
                                    <tr>
                                        <td><ul class="menu">
                                                <li><a href="giohang.html">Chi Tiết</a></li>
                                                <li><a href="thanhtoan.html">Thanh toán</a></li>
                                            </ul></td>
                                    </tr>
                                </table>
                            </div> <!-- #End Cart -->
                        </div><!-- #End logo_cart -->
                        <div class="clear"></div>
                        <div id="navigation">
                            <div class="navi">
                                <ul id="nav">
                                    <li><a href="Home.do">Trang chủ</a></li>
                                    <li><a href="#khuyenmai.html">Danh mục sản phẩm</a>
                                        <ul>
                                            <li><a href="list_laptop.html">Laptops &raquo;</a>
                                                <ul>
                                                    <c:forEach var="dm" items="${dmLaptops}">
                                                        <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                    </c:forEach>
                                                </ul>
                                            </li>
                                            <li><a href="list_phone_tablet.html">Phones &amp; Tablets &raquo;</a>
                                                <ul>
                                                    <c:forEach var="dm" items="${dmPhones}">
                                                        <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                    </c:forEach>
                                                </ul>
                                            </li>
                                            <li><a href="list_desktop.html">Desktops &raquo;</a>
                                                <ul>
                                                    <c:forEach var="dm" items="${dmDesktops}">
                                                        <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                    </c:forEach>
                                                </ul>
                                            </li>
                                            <li><a href="list_server.html">Servers &raquo;</a>
                                                <ul>
                                                    <c:forEach var="dm" items="${dmServers}">
                                                        <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                    </c:forEach>
                                                </ul>
                                            </li>
                                            <li><a href="list_lcd.html">LCD &raquo;</a>
                                                <ul>
                                                    <c:forEach var="dm" items="${dmLcds}">
                                                        <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                    </c:forEach>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="#khuyenmai.html">Sản phẩm bán chạy</a>
                                        <ul>
                                            <c:forEach var="dm" items="${dms}">
                                                <li><a href="#">${dm.tenDanhMuc}</a></li>
                                            </c:forEach>
                                        </ul>
                                    </li>
                                    <li><a href="#sanphambanchay.html">Khuyến mãi</a></li>
                                    <li><a href="#banggia.html">Bảng giá</a></li>
                                    <li><a href="#banggia.html">Tìm kiếm </a></li>
                                </ul>
                            </div>
                        </div><!-- #End navigation -->
                    </div> <!-- #End top -->
                </div> <!-- .End container -->
            </div> <!-- #End header -->
            <div id="content">
                <div class="container">
                    <div id="primary">
                        <!-- InstanceBeginEditable name="main" -->
                        <div class="container">
                            <div id="ad">
                                <div id="slider">
                                    <ul>
                                        <li><a href="#"><img src="Image/ad/1.jpg" alt="Css Template Preview" /></a></li>
                                        <li><a href="#"><img src="Image/ad/2.jpg" alt="Css Template Preview" /></a></li>
                                        <li><a href="#"><img src="Image/ad/3.jpg" alt="Css Template Preview" /></a></li>
                                        <li><a href="#"><img src="Image/ad/4.jpg" alt="Css Template Preview" /></a></li>
                                        <li><a href="#"><img src="Image/ad/5.jpg" alt="Css Template Preview" /></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="container" style="margin-top:20px">
                            <div id="home_menu">
                                <div class="home_menu_item">
                                    <div class="box">
                                        <div class="home_menu_item_image">
                                            <a href="#"><img src="Image/products/laptop.jpg" alt="laptop images" width="160" height="160" /></a>
                                        </div>
                                        <br />
                                        <div class="home_menu_item_infor">
                                            <span><a href="#"> Laptop</a></span>
                                            <ul>
                                                <c:forEach var="dm" items="${dmLaptops}">
                                                    <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                </c:forEach>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <div class="home_menu_item">
                                    <div class="box">
                                        <div class="home_menu_item_image">
                                            <a href="#"><img src="Image/products/desktop.jpg" alt="desktop images" width="160" height="160" /></a>
                                        </div>
                                        <br />
                                        <div class="home_menu_item_infor">
                                            <span><a href="#">Desktops</a></span>
                                            <ul>
                                                <c:forEach  var="dm" items="${dmDesktops}">
                                                    <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                </c:forEach>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="home_menu_item">
                                    <div class="box">
                                        <div class="home_menu_item_image">
                                            <a href="#">
                                                <img src="Image/products/phone.jpg" alt="phone tablet images" width="160" height="160" /></a>
                                        </div>
                                        <br />
                                        <div class="home_menu_item_infor">
                                            <span><a href="#">Phones &amp; Tablets</a></span>
                                            <ul>
                                                <c:forEach var="dm" items="${dmPhones}">
                                                    <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                </c:forEach>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="home_menu_item">
                                    <div class="box">
                                        <div class="home_menu_item_image">
                                            <a href="#"><img src="Image/products/LCD.jpg" alt="LCD images" width="160" height="160" /></a>
                                        </div>
                                        <br />
                                        <div class="home_menu_item_infor">
                                            <span><a href="#">Monitors</a></span>
                                            <ul>
                                                <c:forEach  var="dm" items="${dmLcds}">
                                                    <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                </c:forEach>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="home_menu_item">
                                    <div class="box">
                                        <div class="home_menu_item_image">
                                            <a href="#"><img src="Image/products/Server.jpg" alt="printer images" width="160" height="160" /></a>
                                        </div>
                                        <br />
                                        <div class="home_menu_item_infor">
                                            <span><a href="#">Dell Server</a></span>
                                            <ul>
                                                <c:forEach  var="dm" items="${dmServers}">
                                                    <li><a href="#">${dm.tenDanhMucCon}</a></li>
                                                </c:forEach>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div> <!-- #End home_menu -->
                        </div>
                        <!-- InstanceEndEditable -->
                        <div class="clear"></div>
                    </div><!-- #End primary -->
                </div> <!-- .End container -->
            </div> <!-- #End content -->

            <div class="clear"></div>
            <div id="bottom">
                <div class="center" style="margin-top:10px;  color:#FFF; font-size:24px">
                    abc
                </div>
            </div><!-- #End bottom -->
        </div><!-- #End wrapper -->
    </body>
    <!-- InstanceEnd --></html>

